<%@include file="tag.jsp" %>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <body>
	  	<div id="leftDiv" class="x2 border-right border-bottom left_padding fixed " >
	  		<div class="x12 search_padding">
		  		<form>
		                <div class="x12 input-group margin-big-top margin-big-bottom">
		                	<input class="input " placeholder="搜主播/搜房间"><span class="addbtn"><button type="button" class="button bg-main">
		                            <span class="icon-search"></span></button></span>
		                </div>
	               </form>
	  		</div>
	  		
	  		 <div class="x12 text-center bg-main text-big text-white padding-top padding-bottom">
               		<span class="icon-video-camera margin-right"></span>全部直播
              </div>
              
              <div class="x12 ">
              	<div class="x12 margin-big-top padding-left ">热门游戏</div>
              	
              	<div class="x12 padding-left margin-top">
              		<div class="x3 left_game_titile"><strong>英雄联盟</strong></div>
	              	<div class="x3 left_game_titile"><strong>DOTA2</strong></div>
	              	<div class="x3 left_game_titile"><strong>炉石传说</strong></div>
	              	
	              	<div class="x3 left_game_titile"><strong>英雄联盟</strong></div>	
	              	<div class="x3 left_game_titile"><strong>DOTA2</strong></div>
	              	<div class="x3 left_game_titile"><strong>炉石传说</strong></div>
              	</div>
              	
              </div>
	  	</div>
  	<script type="text/javascript">
  		$(function(){
  			//左侧跟随top
  			$(window).bind("scroll", function() {
  				var thistop = -$(window).scrollTop();
  				if (thistop < 0) {
  					$("#leftDiv").addClass("top_distance");
  				} else {
  					$("#leftDiv").removeClass("top_distance");
  				}
  			});
  			
  		});
  	</script>
  </body>
</html>
